<template>
	<view class="page ">
		<v-header title="政策试算" @click-left="$back()"></v-header>
		<view class="layout" :style="{ marginTop: h + 'px' }">
			<view class="policyInfoContainer">
				<view class="topInfo">系统为您提供了部分用于试算的政策，您可以在下方输入您企业的相关信息，系统将根据您填写的内容进行测算，确认您是否符合该政策的申报条件。</view>
				<view class="content">
					<view class="title">基础信息</view>
					<view class="loginBox ">
						<view class="f cell">
							<label class="label">成立日期</label>
							<picker class="picker" mode="date" :value="addquery.inspectionTime" @change="selectChange($event, 'jcTime')">
								<input type="text" v-model="addquery.inspectionTime" disabled placeholder="请选择成立日期" />
							</picker>
						</view>
						<view class="f cell">
							<label class="label">上年员工人数</label>
							<input class="fl" type="text" v-model="addquery.username" placeholder="请输入上年员工人数" maxlength="30" />
						</view>
						<view class="f cell">
							<label class="label">上年科技人员人数</label>
							<input class="fl" type="text" v-model="addquery.phone" placeholder="请输入上年科技人员人数" maxlength="30" />
						</view>
					</view>
				</view>
				<view class="content">
					<view class="title">经营情况</view>
					<view class="loginBox ">
						<view class="f cell">
							<label class="label">上年营业收入(万元)</label>
							<input class="fl" type="text" v-model="addquery.username" placeholder="请输入上年员工人数" maxlength="30" />
						</view>
						<view class="f cell">
							<label class="label">上年研究经费(万元)</label>
							<input class="fl" type="text" v-model="addquery.username" placeholder="请输入上年员工人数" maxlength="30" />
						</view>
						<view class="f cell">
							<label class="label">上年实缴税费(万元)</label>
							<input class="fl" type="text" v-model="addquery.phone" placeholder="请输入上年科技人员人数" maxlength="30" />
						</view>
						<view class="f cell">
							<label class="label">资产总额(万元):</label>
							<input class="fl" type="text" v-model="addquery.phone" placeholder="请输入上年科技人员人数" maxlength="30" />
						</view>
					</view>
				</view>
				<view class="content">
					<view class="title">知识产权</view>
					<view class="loginBox ">
						<view class="f cell">
							<label class="label">发明专利数量</label>
							<input class="fl" type="text" v-model="addquery.phone" placeholder="请输入上年科技人员人数" maxlength="30" />
						</view>
						<view class="f cell">
							<label class="label">实用新型专利数量</label>
							<input class="fl" type="text" v-model="addquery.username" placeholder="请输入上年员工人数" maxlength="30" />
						</view>
						<view class="f cell">
							<label class="label">软件著作权数量</label>
							<input class="fl" type="text" v-model="addquery.phone" placeholder="请输入上年科技人员人数" maxlength="30" />
						</view>
					</view>
				</view>
				<view class="content">
					<view class="title">企业资质</view>
					<view class="loginBox ">
						<view class="f cell">
							<label class="label">国家高新技术企业</label>
							<radio-group @change="radioChange" class="fl f fa">
								<label class="uni-list-cell uni-list-cell-pd f " v-for="(item, index) in items" :key="item.value">
									<view><radio :value="item.value" :checked="index === current" /></view>
									<view style="margin-left: 10rpx;">{{ item.name }}</view>
								</label>
							</radio-group>
						</view>
						<view class="f cell">
							<label class="label">高新技术企业</label>
							<radio-group @change="radioChange" class="fl f fa">
								<label class="uni-list-cell uni-list-cell-pd f " v-for="(item, index) in items" :key="item.value">
									<view><radio :value="item.value" :checked="index === current" /></view>
									<view style="margin-left: 10rpx;">{{ item.name }}</view>
								</label>
							</radio-group>
						</view>
					</view>
				</view>
			</view>
			<view class="cu-btn block  login" @click="toPolicyResult">开始政策试算</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			h: this.$h,
			items: [
				{
					value: '0',
					name: '是'
				},
				{
					value: '1',
					name: '否',
					checked: 'true'
				}
			],
			current: 0
		};
	},
	methods: {
		toPolicyResult(){
			uni.navigateTo({
				url: './policyResult'
			});
		},
		radioChange: function(evt) {
			for (let i = 0; i < this.items.length; i++) {
				if (this.items[i].value === evt.target.value) {
					this.current = i;
					break;
				}
			}
		}
	}
};
</script>

<style lang="scss" scoped>
.pageBg {
	background: #f0f0f0;
}
.borderbot {
	width: 100%;
	height: 20rpx;
	background: #f0f0f0;
}
.policyInfoContainer {
	width: 100%;
	height: calc(100% - 156rpx);
	// border: 1px solid #f00;
	overflow: auto;
	.topInfo {
		border-top: 20rpx solid #f0f0f0;
		border-bottom: 20rpx solid #f0f0f0;
		padding: 30rpx;
		box-sizing: border-box;
	}
	.content {
		width: 100%;
		border-bottom: 20rpx solid #f0f0f0;
		padding: 30rpx;
		box-sizing: border-box;
		.title {
			border-left: 10rpx solid $color3;
			padding-left: 15rpx;
			font-size: 32rpx;
			font-weight: bold;
			margin-bottom: 30rpx;
		}
		.loginBox {
			.cell {
				height: 90rpx;
				margin: 0 0rpx 30rpx 0rpx;
				border-bottom: solid 1rpx $bcolor;
				font-size: 32rpx;
				.requierText {
					display: inline-block;
					width: 10rpx;
					color: #f43f3b;
					margin-right: 10rpx;
				}

				.label {
					width: 270rpx;
					margin-right: 10rpx;
					text-align: ri;
				}

				input {
					height: 60rpx;
				}
				.textA {
					width: 100%;
					height: 100%;
				}
			}
		}
	}
	.login {
		font-size: 32rpx;
		margin: 60rpx 54rpx 30rpx 54rpx;
		height: 96rpx;
		color: #fff;
		background-image: linear-gradient(to left, $color, #00aaff);
	}
}
.login {
	font-size: 32rpx;
	width: 690rpx;
	height: 96rpx;
	color: #fff;
	border-radius: 15rpx;
	background-image: linear-gradient(to left, $color, #00aaff);
	margin: 30rpx auto;
}
</style>
